<template>
  <div id="personal">
    <nav class="perNav">
      <div class="personaltop">
        <router-link to="/personal/perinfo" class="ead">个人信息</router-link>
        <router-link to="/personal/address" class="ead">地址管理</router-link>
        <router-link to="/personal/changepwd" class="ead">修改密码</router-link>
        <router-link to="/personal/myorder" class="ead">我的订单</router-link>
        <router-link to="/personal/percom" class="ead">我的评论</router-link>
      </div>
  
    <router-view></router-view>

     
    </nav>
  </div>
</template>
    <style scoped lang="scss">
  .ead{
    position: relative;
    left: 30%;
  }
  .perNav{
    width: 80%;
    margin-left: 10%;
    height: 100%;
  }
  .personaltop{
    margin-left: -15%;
  }
 
    </style>
<script>
    
  export default {
      name:'PersonalView',
      data() {
        return {
          tabPosition: 'left'
        };
      }}
  </script>